<!-- 功能板块操作提示栏 -->
<div class="school-guide-panel" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
    <div class="panel-header" style="padding: 15px 20px; border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between; align-items: center;">
        <h4 style="margin: 0; font-weight: 600;"><i class="fa fa-graduation-cap"></i> 学校项目管理模块操作指引</h4>
        <button class="btn btn-sm" id="toggleGuide" style="background: rgba(255,255,255,0.2); border: none; color: white; border-radius: 4px; padding: 5px 10px;">
            <i class="fa fa-chevron-down"></i> 展开
        </button>
    </div>
    <div class="guide-content" id="guideContent" style="padding: 20px; display: none;">
        <!-- 当前步骤信息 -->
        <div class="current-step-info" style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; margin-bottom: 20px;">
            <div style="display: flex; align-items: center; margin-bottom: 10px;">
                <span class="step-badge" style="background: #28a745; color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; margin-right: 10px;">当前步骤</span>
                <h5 style="margin: 0; font-weight: 600;">第1步：基础信息录入</h5>
            </div>
            <p style="margin: 0; opacity: 0.9;">请在此页面编辑完善学校的基础信息录入，包括学校名称、地址、联系方式等基本信息。</p>
        </div>

        <!-- 进度条 -->
        <div class="progress-container" style="margin-bottom: 20px;">
            <div class="progress" style="height: 8px; background: rgba(255,255,255,0.2); border-radius: 4px; overflow: hidden;">
                <div class="progress-bar" style="width: 8.33%; background: #28a745; height: 100%; transition: width 0.3s ease;"></div>
            </div>
            <div style="display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px; opacity: 0.8;">
                <span>步骤 1/12</span>
                <span>8.33% 完成</span>
            </div>
        </div>

        <!-- 操作步骤列表 -->
        <div class="steps-list" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;">
            <div class="step-item active" style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; border-left: 4px solid #28a745;">
                <div style="display: flex; align-items: center; margin-bottom: 8px;">
                    <span class="step-number" style="background: #28a745; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 10px;">1.1</span>
                    <strong>学校基础信息录入</strong>
                    <span class="current-badge" style="background: #ffc107; color: #000; padding: 2px 8px; border-radius: 10px; font-size: 10px; margin-left: 10px;">当前</span>
                </div>
                <p style="margin: 0 0 10px 34px; font-size: 13px; opacity: 0.9;">在学校管理模块里完善学校的基础信息</p>
                <button class="btn btn-sm btn-success" onclick="window.top.location.href='/ocation/ocation?ref=addtabs'" style="margin-left: 34px; padding: 4px 12px; font-size: 12px;">如果已完善，点击到下一步</button>
            </div>

            <div class="step-item" style="background: rgba(255,255,255,0.05); padding: 15px; border-radius: 6px; border-left: 4px solid #6c757d;">
                <div style="display: flex; align-items: center; margin-bottom: 8px;">
                    <span class="step-number" style="background: #6c757d; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 10px;">1.2</span>
                    <strong>教学点信息录入</strong>
                </div>
                <p style="margin: 0 0 10px 34px; font-size: 13px; opacity: 0.7;">在教学点管理模块里完成学校教学点录入</p>
                <button class="btn btn-sm btn-outline-light" onclick="window.top.location.href='/ocation/ocation?ref=addtabs'" style="margin-left: 34px; padding: 4px 12px; font-size: 12px; opacity: 0.7;" disabled>等待上一步完成</button>
            </div>

            <div class="step-item" style="background: rgba(255,255,255,0.05); padding: 15px; border-radius: 6px; border-left: 4px solid #6c757d;">
                <div style="display: flex; align-items: center; margin-bottom: 8px;">
                    <span class="step-number" style="background: #6c757d; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 10px;">1.3</span>
                    <strong>班级信息录入</strong>
                </div>
                <p style="margin: 0 0 10px 34px; font-size: 13px; opacity: 0.7;">在班级管理模块里完成学校当前所有班级的信息录入</p>
                <button class="btn btn-sm btn-outline-light" onclick="window.top.location.href='/classes/classes?ref=addtabs'" style="margin-left: 34px; padding: 4px 12px; font-size: 12px; opacity: 0.7;" disabled>等待上一步完成</button>
            </div>

            <div class="step-item" style="background: rgba(255,255,255,0.05); padding: 15px; border-radius: 6px; border-left: 4px solid #6c757d;">
                <div style="display: flex; align-items: center; margin-bottom: 8px;">
                    <span class="step-number" style="background: #6c757d; color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; margin-right: 10px;">1.4</span>
                    <strong>标签管理设置</strong>
                </div>
                <p style="margin: 0 0 10px 34px; font-size: 13px; opacity: 0.7;">完成教学点标签和学科层级标签设置</p>
                <button class="btn btn-sm btn-outline-light" onclick="window.top.location.href='/addresslv/addresslv?ref=addtabs'" style="margin-left: 34px; padding: 4px 12px; font-size: 12px; opacity: 0.7;" disabled>等待上一步完成</button>
            </div>
        </div>
    </div>
</div>
<form id="add-form" class="form-horizontal" style="position:relative;background: #fff" role="form" data-toggle="validator" method="POST" action="">
    
    <div class="panel-body">
        <div id="myTabContent" class="tab-content" >
            <div class="tab-pane fade active in" id="tabs_0">
                <input type="hidden" name="row[id]" value="" class="form-control" data-rule="" data-tip="ID"  />
                   {if $user_type==1}
                    <div class="form-group">
                        <label  class="control-label col-xs-12 col-sm-2">城市:</label>
                        <div class="col-xs-12 col-sm-8" id="div-district_id">
                            <div style="margin-top:-2px;margin-left: -2px;">
                                <select id="province" class="form-control liandong"  name="row[province_id]"
                                        type="text" value=""></select>
                                <select id="city" class="form-control liandong"  name="row[city_id]"
                                        type="text" value=""></select>
                                <select id="county" class="form-control liandong"  name="row[district_id]"
                                        type="text" value=""></select>
                            </div>
                        </div>
                    </div>
                   {/if}
                   <div class="form-group">
                        <label for="c-name" class="control-label col-xs-12 col-sm-2">学校名称:</label>
                        <div class="col-xs-12 col-sm-8" id="div-name">
                            <input type="text" id="c-name" name="row[name]" value="" class="form-control" title="name"  placeholder="" data-rule=""  data-tip="学校名称" data-rule="required;name;remote('validate/validate/school')" />
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-school_logo" class="control-label col-xs-12 col-sm-2">学校Logo:</label>
                        <div class="col-xs-12 col-sm-8" id="div-school_logo">
                            <div class="form-inline">
                                <input id="c-school_logo" class="form-control" size="37" name="row[school_logo]" type="text" value="" data-tip="学校Logo">
                                <span><button type="button" id="plupload-school_logo" class="btn btn-danger plupload" data-input-id="c-school_logo" data-mimetype="image/*"  data-width="113" data-height="113" data-multiple="false" data-preview-id="p-school_logo"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                <span><button type="button" id="fachoose-school_logo" class="btn btn-primary fachoose" data-input-id="c-school_logo" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                <ul class="row list-inline plupload-preview" id="p-school_logo"></ul>
                            </div>
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-thumbnail" class="control-label col-xs-12 col-sm-2">封面图:</label>
                        <div class="col-xs-12 col-sm-8" id="div-thumbnail">
                            <div class="form-inline">
                                <input id="c-thumbnail" class="form-control" size="37" name="row[thumbnail]" type="text" value="" data-tip="封面图">
                                <span><button type="button" id="plupload-thumbnail" class="btn btn-danger plupload" data-input-id="c-thumbnail"  data-width="750" data-height="422" data-mimetype="image/*" data-multiple="false" data-preview-id="p-thumbnail"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                <span><button type="button" id="fachoose-thumbnail" class="btn btn-primary fachoose" data-input-id="c-thumbnail" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                <ul class="row list-inline plupload-preview" id="p-thumbnail"></ul>
                            </div>
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-intro" class="control-label col-xs-12 col-sm-2">机构简介:</label>
                        <div class="col-xs-12 col-sm-8" id="div-intro">
                            <textarea name="row[intro]" id="editor-intro" class="form-control editor" data-rule="" rows="5" data-tip="机构简介" ></textarea>
                        </div>
                   </div>

                   <div class="form-group">
                        <label for="c-address" class="control-label col-xs-12 col-sm-2">地址:</label>
                        <div class="col-xs-12 col-sm-8" id="div-address">
                            <input type="text" id="c-address" name="row[address]" value="" class="form-control" title="address"  placeholder="" data-rule=""  data-tip="地址"  />
                        </div>
                   </div>


                <div class="form-group layer-footer">
                    <label class="control-label col-xs-12 col-sm-2"></label>
                    <div class="col-xs-12 col-sm-8">
                        <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</form>



